.page {
    display: flex;
    flex-direction: column;
    height: 100%;


    .content {
        flex: 1;
        overflow: auto;
        border-radius: 4px;
      

        .block {
            
            margin: 10px;
            background-color: #fff;

            .goods-name {
                flex: 1;
                white-space: normal;
                margin-bottom: 45px;
            }



            .remark {
               
                color: rgba(51, 51, 51, 1);
                font-size: 15px;
            }

            .title {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 20px;
                color: #333;
                font-size: 16px;
                line-height: 24px;
                border-bottom: 1px dashed #e7e7e7;

                .icon {
                    color: chartreuse;
                    font-size: 14px;

                }




                .tip {
                    position: relative;
                    top: -1px;
                    margin: 0 10px;
                    padding: 0 10px;
                    color: rgba(255, 117, 72, 1);
                    line-height: 25px;
                    background: rgba(255, 252, 241, 1);
                }

                .money {
                    color: rgba(230, 46, 46, 1);
                    font-size: 16px;
                    line-height: 19px;
                }
            }
        }

    }
    .btn-warp {
        display: flex;
        height: 48px;
        padding: 6px 20px;
        background-color: #fff;
        border-top: 1px solid rgba(231, 231, 231, 1);
        div {
          flex: 1;
          color: #fff;
          line-height: 48px;
          text-align: center;
          background-color: rgba(220, 180, 84, 1);
          border-radius: 3px;
    
          &.green {
            margin-left: 10px;
            background-color: #21b47c;
          }
        }
      }
      .info-warp {
        border-top: 1px solid #f4f4f4;
    
        .line2 {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 20px;
          margin-bottom: 20px;
          text-align: left;
    
          .info {
            flex: 1;
            color:#a4a3a3;
            text-align: left;
    
            .tip {
              margin-bottom: 14px;
              line-height: 19px;
            }
    
            .phone {
              color:#070707;
    
              .name {
                margin-right: 10px;
                font-weight: bold;
                font-size: 16px;
              }
            }
          }
    
          .icon {
            flex: none;
            color:rgb(11, 11, 10);
          }
        }
      }
      
      
}
.modal {
        padding: 10px;
      
        .content {
          display: flex;
          align-items: center;
          .info {
            display: flex;
            flex: 1;
            flex-direction: column;
            justify-content: space-between;
            margin-left: 10px;
            color: rgba(51, 51, 51, 1);
            font-size: 15px;
            line-height: 22px;
            text-align: left;
          }
        }
      
        .money {
          color: rgba(230, 46, 46, 1);
          font-size: 16px;
          line-height: 19px;
        }
      }
      
      .line {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
      
        .label {
          flex: 1;
          color: #333;
          font-size: 14px;
          line-height: 20px;
          text-align: left;
        }
      
        .control {
          flex: 1;
          color: #999;
          text-align: right;
      
          
          .money {
            color: rgba(230, 46, 46, 1);
          }
        }
      }
       .stepper{
      --button-text-color:#333333;
      --button-background-color: #F5F5F5;
      --input-width:80px;
      --button-width:30px;
    }